<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <!--<script src = "../js/moments.js"></script>-->
</head>
<script>

    function setScrollBar() {
        function scrollBar() {
            var div=document.getElementById("Layer4");
            div.scrollTop = div.scrollHeight;
        }
        function scrollBar2() {
            var div2 = document.getElementById("DetailDiv");
            div2.scrollTop = div2.scrollHeight;
        }
    }




</script>
<body ng-app="app" onload="setScrollBar()">
<div id="Layer29"  ng-controller="twitter" >

    <!--二级div-->

    <div id="Layer27" >
        <div id="Layer3">
            <div id="Layer10">
                <input class="search" placeholder="搜索相关内容" ng-model="test" >
            </div>
            <div id="Layer11"> <img src="/zzlp/img/111.png" width="25" height="25" ></div>
            <div id="LayerPublish"> <a title="发表说说"> <img src="/zzlp/img/+++.png" width="25" height="25" ng-click="changePage()"></a></div>
        </div>

        <div id="Layer4" >

            <div  id ="BriefDiv" ng-class="x.bcss"  ng-repeat="x in news | orderBy:x.time:'desc'| filter:{'name':test}" ng-click="showDetail(x.name,x.time,x.content,x.dimgs,x.avatar,x.articleUrl,x.urlDisplay)"  >
                <div id="Layer23">
                    <img width="40"height="40" ng-src="{{x.avatar}}">
                </div>
                <div class="LayerInfo"  style="color: 	#FFFFFF">
                    <label>
                        {{x.name|cut:true:4:' '}}&nbsp&nbsp&nbsp&nbsp&nbsp{{x.time|cut:true:10:' '}}
                    </label>
                </div>
                <div class="LayerCont" style="color: 	#FFFFFF">
                    <label>
                        {{x.title|cut:true:16:' ...'}}
                    </label>
                </div>
                <div class="BriefAllImg"  ng-show="x.display" ng-repeat="y in x.imgs  | limitTo:3 " style="float:left" >
                    <img class="BriefImg" ng-show="x.display" ng-src="{{y}}" width="50" height="50" >

                </div>
            </div>

        </div>
    </div>
    <!--二级div结束-->
    <!--三级div-->
    <!-- 聊天总框-->

    <div id="Layer31">

        <div id="publishsaysay" hidden>
            <div class="rowx">
                <div class="col-sm-offset-10 col-sm-2" id="send">
                    <button type="button" class="btn btn-success btn-block " ng-click="publishsaysay()">发送</button>
                </div>
            </div>
            <hr>
            <div class="col-sm-offset-0 col-sm-12">
                <textarea rows="8" cols="90" style="background: transparent;border-style:none;"
                          ng-model="id" placeholder="这一刻的想法..."  ></textarea>
            </div>


            <div id="preview1"><img id="ava1" src="../img/+.png"/></div>
            <div id="preview2" hidden><img id="ava2"/></div>
            <div id="preview3" hidden><img id="ava3"/></div>
            <div id="preview4" hidden><img id="ava4"/></div>
            <div id="preview5" hidden><img id="ava5"/></div>
            <div id="preview6" hidden><img id="ava6"/></div>
            <div id="preview7" hidden><img id="ava7"/></div>
            <div id="preview8" hidden><img id="ava8"/></div>
            <div id="preview9" hidden><img id="ava9"/></div>
            <a href="javascript:;" class="a-upload">
                <input type="file" name="" id="uploadPic" onchange="angular.element(this).scope().preview()">
            </a>

        </div>

        <div id = "DetailDiv" class = "Detail" ng-show="visiable" >
            <div class = "DetailAvatar">
                <img width="80"height="80" ng-src="{{DAvatar}}">
            </div>
            <div class="DetailName">
                <label id ="DetailName">
                    {{DName}}
                </label>
            </div>
            <div class = "DetailTime">
                <label id ="DetailTime">
                    {{DTime}}
                </label>
            </div>
            <div class="DetailCont" id = "DetailContent"  style="word-wrap: break-word">
                <label ng-bind-html="DContent| trustHtml"></label>
            <Br/>
            <Br/>
            <Br/>
                <label ng-show="UrlDispaly">原文链接：</label><a href="{{DAtricleUrl}}" target="_blank">{{DAtricleUrl}}</a>
            </div>


            <div class = "wrapImg" id = "DetailImg">
                <div class="item" ng-repeat="img in DImgs" ><img ng-src="{{img}}" width="80"height="80" ng-click="changePic($event)"></div>
            </div>
        </div>
    </div>
    <!--三级div结束-->
    <div id="js-imgview-mask" class="imgview-mask" style="display: none;" ng-click="closePic()">
    </div>
    <div id="js-imgview" class="show-img">
        <img id="bigimage">
        <a ng-click="closePic()">X</a>
    </div>

</div>
</body>
</html>
